@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #666;  font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background-color:#fff;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #666; }
.disable {display: none;}
.disable1{display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width:1200px; margin: 0 auto;}

/*头部*/
.header{ min-width: 1200px; height: 116px; overflow: hidden;}
.logo{ float: left; padding-top: 25px;}
.h_right{ float: right; padding-top: 13px; width: 300px;}
.tel{ height: 42px; overflow: hidden;}
.tel p{ float: right; font-size: 15px; color: #181818; line-height: 42px; padding-left: 28px; background: url(../../images/huance/img_01.png) no-repeat left center;}
.tel b{ color: #212469;}
.search{ height: 30px; width: 249px; overflow: hidden;}
.search input{ float:left; border: 1px #d6d6d6 solid; border-right: none; height: 28px; line-height: 28px; background-color: #f7f7f7; font-size: 12px; color: #181818; width: 200px; padding-left: 12px; overflow: hidden;}
.search button{ float: right; width: 36px; height: 30px; border: 0; cursor: pointer; background: #585858 url(../../images/huance/img_02.png) no-repeat center center;}
.search .button{ float: right; width: 36px; height: 30px; border: 0; cursor: pointer; background: #585858 url(../../images/huance/img_02.png) no-repeat center center;}

/*导航*/
.nav_list{ min-width: 1200px; height: 58px; background-color: #585858;}
.nav{ float:left; position: relative; z-index: 2;}
.nav > a{ display:block; text-align: center; width: 149px; font-size: 15px; color: #fff; line-height: 58px; height: 58px;}
.nav > a:hover,.nav > a.on{ background: url(../../images/huance/img_03.png) no-repeat center bottom;}
.line{ float: left; overflow: hidden;}
.line span{ display:block; border-right: 1px #8a8a8a solid; height: 13px; margin-top: 23px;}
.nav_down{ display:none; position:absolute; left: 0; right: 0; top: 50px; padding-top: 8px; background: url(../../images/huance/img_03.png) no-repeat center top;}
.nav_down > ul{ padding: 7px 0; border: 1px #c7c8c8 solid; border-top: none; background-color: #f9f9f9; position: relative;}
.nav_type{ display:block; font-size: 15px; color: #585858; line-height: 72px; height: 72px; border-top: 1px #f9f9f9 solid; border-bottom: 1px #f9f9f9 solid; padding: 0 8px 0 35px;}
.nav_type i{ display:block; background: url(../../images/huance/img_04.png) no-repeat right center;}
.nav_type_list{ display: none; position: absolute; left: 148px; top: 0; bottom: 0; width: 730px; padding: 0 15px; background-color: rgba(255,255,255,0.79); z-index: 10;}
.nav_type_list li{ padding-left: 115px; position: relative; border-bottom: 1px #fff dashed; font-size: 15px; color: #646464; line-height: 38px;}
.nav_type_list b{ position: absolute; left: 15px; top: 0; color: #000;}
.nav_type_list p{ float:left; padding-right: 35px;}
.nav_type_list p a{ color: #646464;}
.nav:hover .nav_down{ display:block;}
.nav_down > ul > li:hover .nav_type{ background-color:#fff; border-color:#dcdcdc;}
.nav_down > ul > li:hover .nav_type_list{ display:block;}
.xuanzhong{background: url(../../images/huance/img_03.png) no-repeat center bottom;}
/*banner*/
.banner{ min-width: 1200px; height: 571px; position: relative; overflow: hidden;}
.banner .bd a{ display:block; height: 571px; background-position: center top; background-repeat: no-repeat;}

/*产品分类*/
.main{ min-width: 1200px; padding: 33px 0 45px; overflow: hidden;}
.main .title{ height: 57px; border-bottom: 1px #e2e2e2 solid;}
.main .title h2{ float: left; font-size: 18px; color: #585858; line-height: 57px; position: relative;  padding-left: 20px; text-transform: uppercase;}
.main .title h2 em{ font-weight: 400; padding-right: 12px;}
.main .title h2 i{ position:absolute; left: 0; top: 16px; bottom: 16px; border-right: 5px #212469 solid;}
.main .title a{ float: right; margin-top: 15px;}

.index_type{ padding-top: 42px;}
.index_type li{ float:left; width: 100px; height: 100px; border: 1px #d8d8d8 solid; text-align: center; overflow: hidden; margin-right: 20px;}
.index_type li:last-child{ margin-right: 0;}
.index_type p{ font-size: 16px; color: #181818; line-height: 22px; height: 22px; padding-top: 23px;}
.index_type span{ display:block; font-size: 12px; text-transform: uppercase; color: #b9b9b9; line-height: 17px; height: 17px; padding-bottom: 12px;}
.index_type i{ display:block; margin: 0 auto; width: 20px; height: 0; border-bottom: 2px #585858 solid; font-size: 0;}

/*热门产品*/
.main01{ background-color: #f8f8f8;}
.hot_product{ padding-top: 28px;}
.hot_product li{ float:left; width: 224px; background-color: #fff; border: 1px #e2e2e2 solid; margin-right: 17px;}
.hot_product li:last-child{ margin-right: 0;}
.hot_product img{ width: 224px; height: 164px;}
.hot_product div{ padding: 0 18px; height: 48px; background-color:#585858; border-top: 1px #e2e2e2 solid; color: #fff;}
.hot_product h4{ display: block; margin-top: 5px; font-size: 12px; font-weight: 400; line-height: 20px; height: 20px; overflow: hidden;}
.hot_product p{ height: 20px; line-height: 20px; overflow: hidden;}

/*热门品牌*/
.hot_brund{ padding-top: 40px;}
.hot_brund .bd{ height: 215px; overflow: hidden;}
.hot_brund .bd li{ float:left; margin-right: 32px; margin-bottom: 11px; width: 142px; height: 100px; border: 1px #d8d8d8 solid; overflow: hidden;}
.hot_brund .bd li:nth-child(7n+7){ margin-right: 0;}
.hot_brund .bd a{ display: block; line-height: 100px; text-align: center;}
.hot_brund .bd img{ display:inline-block; vertical-align: middle;}
.hot_brund .hd{ text-align: center; padding-top: 39px;}
.hot_brund .hd li{ display:inline-block; *display:inline; *padding: 3px; vertical-align: top; font-size: 0; width: 10px; height: 10px; background-color: #bebebe; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 7px; overflow: hidden;}
.hot_brund .hd li.on{ background-color:#212469;}

/*视频*/
.main02{ padding: 61px 0 72px; background: url(../../images/huance/img_03.jpg) no-repeat center top;}
.index_product_list{ float: right; margin-top: 15px; width: 597px; height: 421px; background-color: #fff; position: relative;}
.index_product_list div{ position:absolute; right: 14px; top: 13px; bottom: 13px; left: -21px; border: 1px #d8d8d8 solid; padding: 8px 27px 0 52px;}
.index_product_list .title{ border-bottom: none; height: 71px;}
.index_product_list .list li{ float: left; position: relative; height: 49px; margin-bottom: 6px; border: 1px #ededed solid; width: 254px; background-color: #f5f5f5; overflow: hidden;}
.index_product_list .list li:nth-child(2n){ float: right;}
.index_product_list .list h4{ display:block; padding-left: 15px; font-size: 16px; width: 185px; height: 49px; line-height: 49px; font-weight: 400; overflow: hidden;}
.index_product_list .list h4 a{ color: #181818;}
.index_product_list .list .down{ position: absolute; top: 13px; right: 15px;}

/*新闻*/
.index_news{ width: 588px; height: 311px; border: 1px #d8d8d8 solid; border-top: 5px #585858 solid; overflow: hidden;}
.index_news .title{ padding: 0 17px; background-color: #f8f8f8; border-bottom-color: #d8d8d8;}
.index_news .title h2{ padding: 0;}

.index_about{ padding: 23px 17px 0;}
.index_about img{ width: 178px; height: 200px;}
.index_about .con{ width: 355px; overflow: hidden;}
.index_about b{ display: block; font-size: 18px; color: #212469; line-height: 30px; height: 30px; margin-bottom: 5px; overflow: hidden;}
.index_about p{ font-size: 14px; color: #181818; line-height: 27px; height: 108px; overflow: hidden;}
.index_about a{ display: block; margin-top: 13px; width: 110px; height: 39px; line-height: 39px; text-align: center; color: #fff; font-size: 14px; color: #fff; background-color: #585858; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.index_news .list{ padding: 12px 30px; overflow: hidden;}
.index_news .list li{ height: 37px; overflow: hidden;}
.index_news .list p{ float: right; font-size: 14px; color: #b9b9b9; line-height: 37px;}
.index_news .list h4{ float:left; width: 405px; padding-left: 25px; background: url(../../images/huance/img_06.jpg) no-repeat left center; height: 37px; line-height: 37px; font-size: 16px; overflow: hidden; font-weight: 400;}
.index_news .list h4 a{ color:#181818;}

/*合作*/
.coop{ padding-top: 50px;}
.coop li{ float:left; width: 169px; border: 1px #d8d8d8 solid; border-right-color: #ededed; overflow: hidden;}
.coop img{ width: 169px; height: 80px;}

/*底部*/
.footer{ padding: 30px 0; background-color: #373737; overflow: hidden;}
.footer p{ font-size: 13px; color: #c2c2c2; line-height: 25px;}
.footer p a{ color:#c2c2c2; margin-right: 10px;}
.footer .fl img{ margin-bottom: 15px;}
.footer span{ display:block; text-align: center; padding-top: 7px; font-size: 13px; color: #c2c2c2;}

/*图片位*/
.p_img{ min-width: 1200px; height: 571px; background-position: center top; background-repeat: no-repeat; overflow: hidden;}

/*产品中心*/
.list_main{ padding: 49px 0;}
.list_main .left{ float:left; width: 295px;}
.list_main .right{ float: right; width: 833px; padding: 0 27px; box-shadow: 0 0 35px rgba(0,0,0,0.20);}

.p_center .title{ height: 130px; background: url(../../images/huance/img_08.png) no-repeat left top; text-align: center; color: #fff; overflow: hidden;}
.p_center .title p{ text-transform:uppercase; font-size: 25px; opacity: 0.50; line-height: 30px; padding-top: 30px;}
.p_center .title b{ display:block; font-size: 25px; line-height: 35px;}
.p_center .list{ border-left: 8px #e1e1e1 solid; padding-right: 35px;}
.p_center .list li{ border-bottom: 1px #e1e1e1 solid; text-align: center;}
.p_center .list li > a{ display: block; font-size: 18px; color: #272727; line-height: 67px;}
.p_center .list li:hover{ background-color: #585858;}
.p_center .list li:hover > a{ color:#FFF;}
.p_center .list .on{ background:url(../../images/huance/img_09.png) no-repeat right center;}
.p_center .list .ons{ background-image: url(../../images/huance/img_09a.png);}
.p_center .list div{ display:none; background-color: #f3f3f3;}
.p_center .list p a{ display:block; position: relative; font-size: 15px; color: #272727; line-height: 40px; border-bottom: 1px #e1e1e1 solid;}
.p_center .list p:last-child a{ border-bottom:none;}
.p_center .list p a i{ display:none; position: absolute; left: -8px; top: 0; bottom: 0; border-left: 8px #ffc600 solid;}
.p_center .list p a:hover,.p_center .list p a.active{ background-color: #e4e4e4;}
.p_center .list p a:hover i,.p_center .list p a.active i{ display:block;}

.left_contact{ margin-top: 50px;}
.left_contact h2{ display:block; text-align: center; font-size: 20px; color: #fff; font-weight: 400; background-color: #585858; line-height: 65px;}
.left_contact ul{ padding: 3px 22px; box-shadow: 0 0 30px rgba(0,0,0,0.20);}
.left_contact li{ border-bottom: 1px #e1e1e1 solid; line-height: 25px; padding: 15px 0 15px 50px; font-size: 15px; color: #272727; background-repeat: no-repeat; background-position: 0 11px;}
.left_contact li:last-child{ border-bottom:none;}
.left_contact .ico_01{ background-image:url(../../images/huance/img_10.png);}
.left_contact .ico_02{ background-image:url(../../images/huance/img_11.png);}
.left_contact .ico_03{ background-image:url(../../images/huance/img_12.png);}
.left_contact .ico_04{ background-image:url(../../images/huance/img_13.png);}

/*当前位置*/
.location{ height: 62px; border-bottom: 1px #e2e2e2 solid;}
.location h2{ float:left; font-size: 18px; color: #181818; line-height: 62px; position: relative; padding-left: 22px; text-transform: uppercase;}
.location h2 i{ position:absolute; left: 0; top: 50%; margin-top: -12px; width: 5px; height: 24px; background-color: #212469; overflow: hidden;}
.location h2 em{ font-weight: 400; padding-right: 10px;}
.location p{ float:right; font-size: 13px; color: #969696; line-height: 62px; padding-left: 28px; background: url(../../images/huance/img_14.png) no-repeat left center;}
.location p a{ color: #969696;}

/*产品列表*/
.product_list li{ margin-right: 24px; width: 188px; margin-bottom: 23px;}
.product_list li:nth-child(4n+4){ margin-right: 0;}
.product_list img{ width: 188px; height: 126px;}

/*分页*/
.page{ padding: 22px 0 50px; text-align: center; overflow: hidden;}
.page a,.page span{ display:inline-block; vertical-align: top; font-size: 14px; color: #4d4d4d; padding: 0 9px; line-height: 28px; height: 28px; margin: 0 4px; background-color: #e7e7e7; overflow: hidden;}
.page a:hover,.page span{ color:#fff; background-color: #585858;}

/*产品详情*/
.detial_product .img{ padding-top: 30px;}
.detial_product .img img{ float: left; width: 258px; height: 173px; border: 1px #e2e2e2 solid; margin-right: 30px;}
.detial_product .img div{ overflow: hidden;}
.detial_product .img h1{ display:block; font-size: 22px; color: #212469; font-weight: 400; line-height: 35px;}
.detial_product .img b{ display:block; font-size: 18px; color: #212469; text-transform: uppercase; line-height: 25px;}
.detial_product .img ul{ margin-top: 10px; border:1px #e2e2e2 solid; padding: 10px 17px; background-color: #f9f9f9; font-size: 15px; color: #181818; line-height: 25px;}

.d_title{ padding-top: 25px;}
.d_title h2{ display:block; font-size: 18px; color: #fab600; font-weight: 400; line-height: 40px; height: 40px; border-bottom: 1px #e5e5e5 solid;}
.d_title h2 i{ display:inline-block; padding: 0 5px; height: 39px; border-bottom: 3px #fab600 solid;}
.d_title h2 em{ font-size: 16px; color: #585858; padding-left: 5px; text-transform: uppercase;}
.d_con{ padding-top: 23px; font-size: 15px; color: #181818; line-height: 25px;}

.d_table{ margin: 29px 0 55px; border: 1px #e1e1e1 solid; overflow: hidden;}
.d_table li{ height: 48px; line-height: 48px; border-bottom: 1px #e1e1e1 solid; overflow: hidden;}
.d_table label{ float:left; width: 259px; border-right: 1px #e1e1e1 solid; text-align: center; background-color: #585858; font-size: 15px; color: #fefefe;}
.d_table p{ overflow: hidden; padding-left: 40px; font-size: 15px; color: #181818;}

/*关于我们*/
.about_link{ border-left: 8px #e1e1e1 solid; padding-right: 35px;}
.about_link li{ border-bottom: 1px #e1e1e1 solid;}
.about_link a{ display: block; text-align: center; font-size: 18px; color: #272727; position: relative; line-height: 69px;}
.about_link a i{ display:none; position: absolute; left: -8px; top: 0; bottom: 0; border-left: 8px #ffc600 solid;}
.about_link a:hover i,.about_link a.active i{ display:block;}

.about_con{ padding-top: 25px; min-height: 620px;}
.about_con ul{ padding: 30px 0;}
.about_con div{ float: left; width: 556px; font-size: 15px; color: #181818; line-height: 30px;}
.about_con div p{ padding-bottom: 10px; text-indent: 2em;}

/*联系我们*/
.contact_us{ padding: 100px 0 0 142px; min-height: 545px;}
.contact_us span{ display:inline-block; border-top: 1px #f0f0f0 solid; margin-top: 15px; padding-top: 5px; font-size: 16px; color: #212469; font-weight: 600; line-height: 33px;}

/*解决方案*/
.left_search{ margin-top: 45px; padding: 30px 35px; box-shadow: 0 0 30px rgba(0,0,0,0.20);}
.left_search li{ margin-bottom: 16px;}
.left_search label{ float: left; font-size: 15px; color: #272727; line-height: 35px;}
.left_search input{ float: right; width: 145px; padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; color: #272727; border: 1px #e1e1e1 solid;}
.left_search select{ display:block; float: right; border: 1px #e1e1e1 solid; height: 35px; width: 157px; padding-left: 10px; font-size: 15px; color: #272727;}
.left_search button{ display: block; border: 0; cursor: pointer; width: 100%; height: 40px; background-color: #ffc600; color: #fff; font-size: 18px;}

.table table{ margin-top: 25px; border: 1px #e1e1e1 solid; width: 100%; font-size: 15px; color: #272727; line-height: 48px; text-align: center;}
.table table th{ background-color: #585858; font-weight: 400; color: #fefefe; border-right: 1px #e1e1e1 solid;}
.table table td{border-right: 1px #e1e1e1 solid; border-top: 1px #e1e1e1 solid;}
.table table td:last-child,.table table th:last-child{ border-right:none;}
.table table h4{ display:block; font-weight: 400; text-align: left; padding-left: 30px; height: 48px; overflow: hidden;}
.table table .huang{ display:block; margin: 0 auto; width: 94px; height: 35px; line-height: 35px; background-color: #ffc600; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #fff;}

.code_box{ position:fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.74); z-index: 9;}
.code_box .con{ position:fixed; left: 50%; top: 50%; margin-left: -243px; margin-top: -148px; width: 484px; height: 294px; border: 1px #a9a9a9 solid; background-color: #fbfbfb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.code_box h2{ display:block; position: relative; text-align: center; font-size: 23px; color: #1d1d49; font-weight: 400; line-height: 69px; border-bottom: 1px #c4c4c4 solid; background-color: #e9e9e9;}
.code_box h2 a{ position:absolute; right: 10px; top: 11px;}
.code_box ul{ padding: 52px 88px 0;}
.code_box input{ display:block; width: 303px; height: 45px; line-height: 45px; border: 1px #bdbdbd solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fcffb3; text-align: center; font-size: 15px; color: #181818;}
.code_box button{ display:block; border: 0; cursor: pointer; margin: 10px auto 0; width: 118px; height: 40px; background-color: #474780; color: #fff; font-size: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}


.code_box1{ position:fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.74); z-index: 9;}
.code_box1 .con1{ position:fixed; left: 50%; top: 50%; margin-left: -243px; margin-top: -148px; width: 484px; height: 294px; border: 1px #a9a9a9 solid; background-color: #fbfbfb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.code_box1 h2{ display:block; position: relative; text-align: center; font-size: 23px; color: #1d1d49; font-weight: 400; line-height: 69px; border-bottom: 1px #c4c4c4 solid; background-color: #e9e9e9;}
.code_box1 h2 a{ position:absolute; right: 10px; top: 11px;}
.code_box1 ul{ padding: 20px 68px 0;}
.code_box1 input{  width: 243px; height: 30px; line-height: 30px; border: 1px #bdbdbd solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fcffb3;  font-size: 15px; color: #181818;}
.code_box1 button{ display:block; border: 0; cursor: pointer; margin: 49px auto 0; width: 118px; height: 40px; background-color: #474780; color: #fff; font-size: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}


/*新闻中心*/
.news_list{ padding: 15px 0;}
.news_list li{ padding: 10px 0 30px; border-bottom: 1px #e1e1e1 solid;}
.news_list .time{ float: left; text-align: center; margin-right: 38px;}
.news_list .time b{ display:block; font-size: 55px; color: #fab600; line-height: 95px; height: 95px; overflow: hidden;}
.news_list .time b em{ font-weight: 400; font-size: 30px;}
.news_list .time a{ display:block; font-size: 16px; color: #fff; background-color: #fab600; width: 100%; line-height: 34px;}
.news_list h4{display:block; font-size: 25px; color: #fa8d00; font-weight: 400; line-height: 47px; height: 47px; overflow: hidden;}
.news_list h4 a{ color: #fa8d00;}
.news_list p{ margin-top: 10px; font-size: 15px; color: #4d4d4d; line-height: 26px; height: 78px; overflow: hidden;}
 
.detial_news .title{ padding: 25px 0 10px; text-align: center; border-bottom: 1px #e1e1e1 solid;}
.detial_news .title h1{ display:block; font-size: 28px; color: #b00000; font-weight: 400; line-height: 55px;}
.detial_news .title p{ font-size: 14px; color: #717171; line-height: 30px;}
.detial_news .title p i{ margin-left: 10px;}
.detial_news .con{ padding: 15px 0; font-size: 14px; color: #4c4c4c; line-height: 25px;}
.detial_news .con p{ text-indent:2em; padding-bottom: 15px;}

.d_page{ border-top:1px #7783ba solid; }
.d_page li{ width: 395px; height: 65px; font-size: 17px; color: #7783ba; line-height: 65px; overflow: hidden;}
.d_page li a{ color:#2e2a2a;}
.d_page li a:hover { color:#a10000;}

.download .title{ padding: 35px 0;}
.download .title h1{ display:block; text-align: center; font-size: 24px; color: #c90000; font-weight: 400; line-height: 33px;}
.tables{ padding: 0 85px 0 100px;}
.tables .fr{ padding-top: 75px;}
.left_tables{ width: 380px; background-color: #e7e7e7; padding: 1px; overflow: hidden;}
.left_tables p{ font-size: 14px; color: #272727; line-height: 47px; height: 48px; overflow: hidden;}
.left_tables label{ float: left; width: 114px; text-align: center; background-color: #f3f3f3; border-bottom: 1px #fff solid;}
.left_tables i{ display:block; overflow: hidden; background-color: #fff; border-bottom: 1px #f3f3f3 solid; padding-left: 30px;}

.down_intro{ padding: 40px 0;}
.down_intro h2{ display:block; padding: 0 10px; font-size: 16px; color: #272727; font-weight: 400; line-height: 42px; border-bottom: 1px #e4e4e4 solid;}
.down_intro div{ padding: 15px 10px 0; font-size: 14px; color: #5d5d5d; line-height: 35px;}
.down_intro div p{ text-indent: 2em;}